@charset "utf-8";
/* CSS Document */

@import url('reset.css');
@import url('typography.css');

/* start: body */
body {
	background: url('../img/part_background_image.jpg') repeat-y center 0;
	background-color: #000000;
	height: 100%;
	width: 100%;
}
	/* start: body | background_image */
	div#background_image {
		background: url('../img/background_image.jpg') no-repeat center 0;
		height: 100%;
		width: 100%;
	}
		/* start: body | background_image | content_login */
		div#content_login {
			margin: auto;
			padding-bottom: 0px;
			position: relative;
			width: 410px;
			padding-top: 70px;
		}
			/* start: body | background_image | content_login | main_book */
			div#main_book {
				background: url('../img/main_book_image.png') no-repeat;
				clear: both;
				height: 536px;
				width: 325px;
				padding-top: 80px;
				padding-bottom: 30px;
				padding-left: 55px;
				padding-right: 30px;
			}
				/* start: body | background_image | content_login | main_book | title_main_page */
				div#title_main_page {
					height: 250px;
					width: 325px;
				}
					div#title_main_page div#title_main_image {
						background: url('../img/main_coat_of_arms.png') no-repeat;
						margin: auto;
						height: 163px;
						width: 138px;
					}
					div#title_main_page h3 {
						margin-top: 10px;
					}
				/* end: body | background_image | content_login | main_book | title_main_page */
				/* start: body | background_image | content_login | main_book | error_main */ 
				div#error_main {
					background: url('../img/background.png') repeat-x;
					width: 291px;
					border: 2px solid red;
					margin-top: 15px;
					padding: 15px 15px;
				}
					div#error_main h4 {
						margin-top: 10px;
						padding-left: 15px;
					}
				/* end: body | background_image | content_login | main_book | error_main */
				/* start: body | background_image | content_login | main_book | user_login */
					div#user_login {
						width: 293px;
						height: 96px;
						margin-top: 15px;
						padding: 15px 15px;
						background: url('../img/background.png') repeat-x;
						border: 1px solid #2e2e2e;
					}
						div#user_login form {
							width: 293px;
						}
							div#user_login form div.field {
								margin-bottom: 6px;
								margin-top: 0px;
								height: 25px;
								padding-left: 35px;
							}
								div#user_login form h2 {
									width: 70px;
									float: left;
									text-align: left;
									margin-right: 0.5em;
									display: block;
									padding-top: 5px;
								}
								div#user_login form input {
									margin-bottom: 5px;
									margin-top: 0px;
								}
							div#user_login div.buttons {
								margin-top: 15px;
								width: 293px;
								text-align: center;
							}
								div#user_login div.buttons span.submit {
								}
									div#user_login div.buttons input {
										background: none;
										border: 0px;
									}
				/* end: body | background_image | content_login | main_book | user_login */
			/* end: body | background_image | content_login | main_book */
			/* start: body | background_image | content_login | footer_main_page */
			div#footer_main_page {
				background: url('../img/main_footer_image.png') no-repeat;
				height: 54px;
				width: 268px;
				margin-bottom: 10px;
				margin-left: 99px;
			}
				div#footer_main_page h1 {
					padding-top: 13px;
					width: 270px;
				}
			/* end: body | background_image | content_login | footer_main_page */
		/* end: body | background_image | content_login */
		
		
		/* start: body | background_image | content */
		div#content {
			margin: auto;
			padding-bottom: 0px;
			position: relative;
			width: 807px;
			padding-top: 20px;
		}
			/* start: body | background_image | content | header */
			div#header {
				height: 109px;
				width: 807px;
			}
				/* start: body | background_image | content | header | tabs */
				ul#tabs {
					position: absolute;
					left: 0px;
					width: 412px;
				}
					ul#tabs li {
						background: url('../img/menu_sprite.png') no-repeat;
						float: left;
						height: 109px;
						width: 50px;
					}
						ul#tabs li a {
							display: block;
							height: 100%;
							text-indent: -9000px;
							width: 100%;
						}
					ul#tabs li#interval_1 {
						background-position: 0px 0px;
						width: 14px;
					}
					/* start: houses */
					ul#tabs li#houses {
						background-position: -14px 0px;
					}
					ul#tabs li#houses.current, ul#tabs li#houses:hover {
						background-position: -14px -114px;
					}
					ul#tabs li#houses:active {
						background-position: -14px -228px;
					}
					/* end: houses */
					ul#tabs li#interval_2 {
						background-position: -64px 0px;
						width: 10px;
					}
					/* start: professors */
					ul#tabs li#professors {
						background-position: -74px 0px;
					}
					ul#tabs li#professors.current, ul#tabs li#professors:hover {
						background-position: -74px -114px;
					}
					ul#tabs li#professors:active {
						background-position: -74px -228px;
					}
					/* end: professors */
					ul#tabs li#interval_3 {
						background-position: -124px 0px;
						width: 10px;
					}
					/* start: students */
					ul#tabs li#students {
						background-position: -134px 0px;
					}
					ul#tabs li#students.current, ul#tabs li#students:hover {
						background-position: -134px -114px;
					}
					ul#tabs li#students:active {
						background-position: -134px -228px;
					}
					/* end: students */
					ul#tabs li#interval_4 {
						background-position: -184px 0px;
						width: 10px;
					}
					/* start: rating */
					ul#tabs li#rating {
						background-position: -194px 0px;
					}
					ul#tabs li#rating.current, ul#tabs li#rating:hover {
						background-position: -194px -114px;
					}
					ul#tabs li#rating:active {
						background-position: -194px -228px;
					}
					/* end: rating */
					ul#tabs li#interval_5 {
						background-position: -244px 0px;
						width: 10px;
					}
					/* start: subjects */
					ul#tabs li#subjects {
						background-position: -254px 0px;
					}
					ul#tabs li#subjects.current, ul#tabs li#subjects:hover {
						background-position: -254px -114px;
					}
					ul#tabs li#subjects:active {
						background-position: -254px -228px;
					}
					/* end: subjects */
					ul#tabs li#interval_6 {
						background-position: -304px 0px;
						width: 10px;
					}
					/* start: rooms */
					ul#tabs li#rooms {
						background-position: -314px 0px;
					}
					ul#tabs li#rooms.current, ul#tabs li#rooms:hover {
						background-position: -314px -114px;
					}
					ul#tabs li#rooms:active {
						background-position: -314px -228px;
					}
					/* end: rooms */
					ul#tabs li#interval_7 {
						background-position: -364px 0px;
						width: 47px;
					}
					/* start: blank */
					ul#tabs li#blank {
						background-position: -411px 0px;
					}
					/*ul#tabs li#blank.current, ul#tabs li#blank:hover {
						background-position: -411px -114px;
					}
					ul#tabs li#blank:active {
						background-position: -411px -228px;
					}*/
					/* end: blank */
				/* end: body | background_image | content | header | tabs */
				/* start: body | background_image | content | header | message */
				div#message {
					background: url('../img/message_image.png') no-repeat;
					position: absolute;
					right: 0px;
					height: 109px;
					width: 396px;
				}
					div#message h1 {
						margin-top: 55px;
						margin-left: 55px;
						padding-top: 10px;
						width: 329px;
					}
				/* end: body | background_image | content | header | message */
			/* end: body | background_image | content | header */
			/* start: body | background_image | content | book */
			div#book {
				background: url('../img/book_image.png') no-repeat;
				clear: both;
				height: 560px;
				width: 760px;
				padding-top: 11px;
				padding-bottom: 12px;
				padding-left: 24px;
				padding-right: 23px;
			}
				/* start: body | background_image | content | book | left_page */
				div#left_page {
					width: 340px;
					height: 560px;
					float: left;
				}
					/* start: body | background_image | content | book | left_page | title */
					div#title_left_page {
						height: 65px;
						wight: 360px;
						border-bottom: 1px solid #2e2e2e;
					}
						div#title_left_page img {
							height: 60px;
							weight: 51px;
							float: left;
							margin-left: 15px;
						}
						div#title_left_page h5 {
							padding-top: 15px;
						}
					/* end: body | background_image | content | book | left_page | title */
					/* start: body | background_image | content | book | left_page | user */
					div#user {
						background: url('../img/background.png') repeat-x;
						width: 308px;
						height: 128px;
						border: 1px solid #2e2e2e;
						margin-top: 15px;
						padding: 15px 15px;
					}
						div#user p.userName {
							text-indent: 20px;
						}
						div#user div.profile {
							margin-top: 10px;
							float: left;
						}
						div#user div.action {
							margin-top: 10px;
							margin-left: 160px;
						}
					/* end: body | background_image | content | book | left_page | user */
					/* studentsList */
					/* start: body | background_image | content | book | left_page | search */
					div#search {
						background: url('../img/background.png') repeat-x;
						width: 308px;
						/*height: 188px;*/
						border: 1px solid #2e2e2e;
						margin-top: 15px;
						padding: 15px 15px;
					}
						/* start: body | background_image | content | book | left_page | search | form */
						div#search form {
							width: 295px;
							/*height: 160px;*/
							margin-top: 15px;
							padding-left: 15px;
						}
							div#search form h2 {
								width: 6em;
								float: left;
								text-align: left;
								margin-right: 0.5em;
								display: block;
							}
							div#search form input, select {
								margin-bottom: 5px;
								margin-top: 0px;
							}			
							div#search div.buttons {
								margin-top: 15px;
							}
								div#search div.buttons span.reset {
									margin-left: 50px;
								}
									div.buttons span.reset a {
										text-decoration: none;
										/*cursor: default;*/
									}
								div#search div.buttons span.submit {
									margin-left: 50px;
								}
									div#search div.buttons input, button {
										background: none;
										border: 0px;
									}
						/* end: body | background_image | content | book | left_page | search | form */
					/* end: body | background_image | content | book | left_page | search */
					/* studentList */
					/* studentAdd */
					/* start: body | background_image | content | book | left_page | error */
					div#error {
						background: url('../img/background.png') repeat-x;
						width: 306px;
						/*max-height: 218px;*/
						border: 2px solid red;
						margin-top: 15px;
						padding: 15px 15px;
						text-align:center;
					}
						div#error h4 {
							margin-top: 10px;
							padding-left: 15px;
						}
					/* end: body | background_image | content | book | left_page | error */
				/* end: body | background_image | content | book | left_page */
				/* start: body | background_image | content | book | right_page */
				div#right_page {
					width: 340px;
					height: 560px;
					margin-left: 420px;
				}
					/* start: body | background_image | content | book | right_page | title */
					div#title_right_page {
						height: 65px;
						wight: 360px;
						border-bottom: 1px solid #2e2e2e;
					}
						div#title_right_page img {
							height: 60px;
							weight: 51px;
							float: left;
							margin-left: 15px;
						}
						div#title_right_page h3 {
							padding-top: 20px;
						}
					/* end: body | background_image | content | book | right_page | title */
					/* start: body | background_image | content | book | right_page | list */
					div#list {
						background: url('../img/background.png') repeat-x;
						width: 318px;
						/*height: 458px;*/
						border: 1px solid #2e2e2e;
						margin-top: 15px;
						padding: 10px;	
					}
						/* studentsList */
						div#list div#table_content {
							width: 318px;
							height: 420px;
						}
							div#list div#table_content table {
								table-layout: fixed;
								border-collapse: separate;
								border-spacing: 4px;
								width: 318px;
							}
								div#list table tr.bordered {
									background-color: #aaaaaa;
								}
								div#list table td.firstName {
									width: 85px;
									display: table-cell;
									overflow: hidden;
								}
								div#list table td.lastName {
									width: 80px;
									display: table-cell;
									overflow: hidden;
								}
								div#list table td.year {
									text-align: center;
									width: 37px;
								}
								div#list table td.house {
									width: 90px;
								}
								div#list table td.room {
									text-align: center;
									width: 40px;
								}
								div#list table td.action {
									text-align: center;
									width: 50px;
								}
								div#list table td.subject_name {
									text-align: center;
									width: 50px;
								}
						/* studentsList */
						/* studentInfo */
						div#info {
							margin-top: 10px;
							padding-left: 80px;
							margin-bottom: 10px;
							width: 238px;
							height: ;
						}
							div#info div#field_info {
								margin-bottom: 3px;
								margin-top: 0px;
								height: 15px;
							}
							div#info table td {
								padding: 3px;
							}
						div#list div#field_personal_info {
								margin-top: 20px;
								border: solid 1px #929292;
								padding: 5px;
								height: 333px;
								overflow-y: scroll;
							}
						div#table_assessments {
							width: 318px;
							/*height: 299px;*/
						}
							div#table_assessments table {
								table-layout: fixed;
								border-collapse: separate;
								border-spacing: 4px;
								width: 318px;
							}
								div#table_assessments table td.subject {
									width: 90px;
								}
								div#table_assessments table td.assessments {
									text-align: center;
									width: 40px;
								}
								div#table_assessments table td.professor {
									width: 95px;
								}
								/* studentInfo */
						/* studentsList */
						ul#arrows {
							width: 318px;
							height: 20px;
							margin-top: 20px;
						}
							ul#arrows li {
								width: 80px;
								height: 15px;
							}
								ul#arrows li a {
									background: url('../img/arrows_sprite.png') no-repeat;
									display: block;
									height: 100%;
									text-indent: -9000px;
									width: 100%;
								}
								ul#arrows li#left {
									float: left;
									padding-top: 5px;
								}
									ul#arrows li#left a {
										background-position: 0px 0px;
									}
									ul#arrows li#left a:hover {
										background-position: 0px -20px;
									}
								ul#arrows li#number {
									background: none;
									float: left;
									margin-left: 0px;
									width: 158px;
									height: 15px;
									padding-top: 5px;
									text-align: center;
								}
								ul#arrows li#right {
									float: right;
									padding-top: 5px;
								}
									ul#arrows li#right a {
										background-position: -85px 0px;
									}
									ul#arrows li#right a:hover {
										background-position: -85px -20px;
									}
						/* studentAdd */
						div#list form {
							width: 295px;
							margin-top: 15px;
							padding-left: 15px;
						}
							div#list form h2 {
								width: 86px;
								float: left;
								text-align: left;
								margin-right: 10px;
								display: block;
							}
							div#list div.field {
								margin-bottom: 6px;
								margin-top: 0px;
								height: 25px;
							}
								div#list div.field input#first_name_form {
									width: 185px;
								}
								div#list div.field input#last_name_form {
									width: 185px;
								}
								div#list div.field select#year_form {
									width: 190px;
								}
								div#list div.field select#status_form {
									width: 190px;
								}
								div#list div.field select#house_form {
									width: 190px;
								}
								div#list div.field input#name_form {
									width: 185px;
								}
								div#list div.field input#auditorium_form {
									width: 185px;
								}
								div#list div.field select#type_form {
									width: 190px;
								}
								div#list div.field select#professor_form {
									width: 190px;
								}
							div#list div.field_pers_info {
								margin-bottom: 6px;
								margin-top: 0px;
								height: 266px;
							}
								div#list div.field_pers_info h2 {
									width: 200px;
									float: none;
									text-align: left;
									margin-right: 0px;
									margin-bottom: 4px;
									display: block;
								}
								div#list div.field_pers_info textarea#pers_info_form {
									width: 290px;
									height: 240px;
								}
							div#list div.field_date {
								margin-bottom: 5px;
								margin-top: 0px;
								height: 35px;
							}
							div#list div.buttons {
								margin-top: 15px;
							}
								div#list div.buttons span.reset {
									margin-left: 55px;
								}
								div#list div.buttons span.submit {
									margin-left: 50px;
								}
									div#list div.buttons input {
										background: none;
										border: 0px;
									}
						/* studentsAdd */
						/* roomList */
						div#list div#table_room {
							width: 318px;
							height: 450px;
						}
							div#list div#table_room table {
								table-layout: fixed;
								border-collapse: separate;
								border-spacing: 4px;
								width: 318px;
							}
								div#list div#table_room table tr {
									height: 30px;
								}
								div#list div#table_room table td {
									width: 30px;
									height: 25px;
									text-align: center;
									padding-top: 5px;
								}
									div#list div#table_room table td.r4 {
										background: url('../img/room_full.png') no-repeat;
									}
									div#list div#table_room table td.r1, td.r2, td.r3 {
										background: url('../img/room_part.png') no-repeat;
									}
									div#list div#table_room table td.r0 {
										background: url('../img/room_empty.png') no-repeat;
									}
						/* roomList */
					/* end: body | background_image | content | book | right_page | list */
					/* start: body | background_image | content | book | right_page | houses */
					div#houses {
						width: 340px;
						margin-top: 15px;
						height: 390px;
					}
						div#houses div#house {
							background: url('../img/background.png') repeat-x;
							width: 112px;
							border: 1px solid #2e2e2e;
							padding: 14px;
							float: left;
							margin: 14px;
							text-align: center;
						}
							div#houses div#house h4 {
								margin-top: 7px;
							}
					/* end: body | background_image | content | book | right_page | houses */
				/* end: body | background_image | content | book | right_page */
			/* end: body | background_image | content | book */
			/* start: body | background_image | content | footer */
			div#footer {
				background: url('../img/footer_image.png') no-repeat;
				height: 58px;
				width: 807px;
				margin-bottom: 10px;
			}
				div#footer h1 {
					margin-left: 500px;
					padding-top: 20px;
					width: 270px;
				}
			/* end: body | background_image | content | footer */
		/* end: body | background_image | content */
	/* end: body | background_image */
/* end: body */


/*dimmer*/
	
div#table_mesages a {
text-decoration: none;
}
div#table_mesages a table:hover {
background-color: white;
}

div#list div#messageBody {
border:1px solid #929292;
padding:5px;
height:358px;
overflow-y:scroll;
}
div#table_mesages table.readed_false h4{
font-weight:bold;
}

div#messages_list div.title {
margin:10px
}

div#messagesInfo div#table_mesages{
height:42px !important;
}

div#messagesInfo div#table_mesages table{
table-layout:auto;
}
div#messagesInfo form .field {
height:auto;
}

div#list div#table_mesages table {
border-collapse:separate;
border-spacing:4px;
width:318px;
}

div#messages_list div#list div#table_mesages {
height:385px;
}

div#messagesInfo form h2 {
width:auto;
}

div#choice input, button {
background:none repeat scroll 0 0 transparent;
border:0 none;
margin-left:7em;
margin-top:1em;
}

span.choice{
font-family:Garamond,"Times New Roman",Arial,sans-serif;
color:#2E2E2E;
font-size:16px;
}

div#list div.hat h2{
width:110px;
}

div#hat div.field{
margin-bottom:1px;
}


/*����� ��� mopdal-�������-*/
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {height:90px; width:250px; color:#bbb; background-color:#D1B996; border:4px solid #B98750; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container h4 {margin-top:10px; text-align:center;}
#simplemodal-container h3 a {color:#2E2E2E;text-decoration:none;}
#simplemodal-data h3 {margin-top:18px;}
#simplemodal-data h3 a:hover { color: #9c0000; }
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}	